import React, { Component } from 'react'
import { Carousel } from 'antd-mobile'

export default class Calendar extends Component {
  render() {
    return (
      <Carousel>
        {
          Array(4).fill(1).map(v => (
            <div key={Math.random()} className={`rt-calendar-box`}>
              <div className={`-month`}>
                <span>9月</span>
              </div>
              <div className={`-week`}>
                <div>
                  <span>日</span>
                  <span className={`-num`}>18</span>
                </div>
                <div>
                  <span>一</span>
                  <span className={`-num`}>19</span>
                </div>
                <div>
                  <span>二</span>
                  <span className={`-num`}>20</span>
                </div>
                <div>
                  <span>三</span>
                  <span className={`-num`}>21</span>
                </div>
                <div className={`-active`}>
                  <span>四</span>
                  <span className={`-num`}>22</span>
                </div>
                <div>
                  <span>五</span>
                  <span className={`-num`}>23</span>
                </div>
                <div>
                  <span>六</span>
                  <span className={`-num`}>24</span>
                </div>
              </div>
            </div>
          ))
        }
      </Carousel>
    )
  }
}